root { 
    display: block;
}

body
{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    background-image: url('vertical_cloth.png');
    color: #333333;
}
.clear
{
    clear: both;
}

#container
{
    max-width : 960px; 
    margin: 0 auto;
}

#topbar
{
    width: 100%;
    background-color: #AED6EE;
    margin: 8px 0;
    border-bottom: 1px solid #9f9f9f;
    padding-top: 5px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#topbar_gambar1
{
    width: 20%;
    float: left;
    text-align: center;
}
#topbar_gambar1 img
{
    width: 80%;
}
#topbar_gambar2
{
    width: 80%;
    float: right;
}

#bawah_topbar
{
    min-height: 60%;
    background-color: #DCE0E3;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

#sidebar
{
    width: 20%;
    float: left;
    margin: 0;
    padding-top: 20px;
    border-right: 1px solid #9f9f9f;
    padding-left: 10px;
    padding-right: 10px;
}
#sidebar #isi table
{
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
}
#sidebar #isi table th
{
    background-color: #74B4E2;
    padding: 5px;
    color : whitesmoke;
}
#sidebar #isi table td
{
    padding: 5px 8px;
    border:none;
    background-color: white;
    font-size: 80%;
}
#sidebar #isi a
{
    text-decoration: none;
    color: #6699ff;
}
#sidebar #isi a:hover
{
    text-decoration: underline;
}
#konten
{
    float: left;
    margin: 0;
    padding: 0;
    border-left: 1px solid #9f9f9f;
    margin-left: -1px;
    max-width: 75%;
    width: 100%;
}
#konten #isi
{
    padding: 10px;
    margin: 0;
    padding-left: 20px;
    font-family: helvetica;
    text-align: justify;
    text-shadow: 0 1px 0 #f9f9f9;
}
#konten #isi img
{
    border: 4px solid #FFF;
    box-shadow: 0 1px 5px #333333;
    -moz-box-shadow: 0 1px 5px #333333;
    -webkit-box-shadow: 0 1px 5px #333333;
}

#footer
{
    text-align: left;
    font-size: 80%;
    background-color: #D4EF9F;
    border : 1px solid #FFF;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.tabel_bordered
{
    border-collapse: collapse;
    border: 1px solid #333333;
    width: 100%;
}
.tabel_bordered tr, .tabel_bordered td,.tabel_bordered th
{
    border-collapse: collapse;
    border: 1px solid #333333;
    padding: 5px;
}